<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" lang="en">
<head>
<meta name="format-detection" content="telephone=no"/>
<meta http-equiv="x-rim-auto-match" content="none"/> 
<meta name="viewport" id="viewport"	content="initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, width=device-width"/>

<title>页面不存在！</title>
 <link rel="shortcut icon" th:href="@{/resources/images/favicon.ico}" type="image/x-icon" />  
<meta http-equiv=Content-Type content="text/html; charset=utf-8" />
<style type=text/css>
body {
	background: #eee;
	text-align: center;
}

a:link {
	text-decoration: none;
	color: #03F;
}

a:visited {
	text-decoration: none;
	color: #F60;
}

a:hover {
	text-decoration: underline;
	color: #F60;
}

a:active {
	text-decoration: none;
	colorwhite;
}

.main {
	margin: 0 auto;
}

.con {
	margin: 0 auto;
	width: 100%;
}

.errorNotes {
		text-align: center;
}

.errorNotes ul {
	height: 30px;
	width: 100%;
	margin: 20px auto;
}

.errorNotes li {
	float: left;
	width: 50%;
	text-align: center;
	line-height: 30px;
	list-style: none;
}

.re {
	margin: 0 auto;
	width: 50%;
	text-align: center;
}

.re .title {
	text-align: center;
	line-height: 30px;
	font-size: 20px;
	font-weight: bold;
	color: #F00;
}

.re dt {
	text-align: left;
	line-height: 30px;
}
</style>
</head>
<body th:inline="javascript">
	<div class="main">
		<div class="con">
			<div class="errorNotes">
				<div class="re">
					<div class="title">抱歉，页面出错……</div>
					<br/>
					<div class="title"></div>
						<div th:text="${#response.status} ?: '404'">404</div>
						<br/>
						<div th:text="${error_message} ?: '页面不存在'">页面出错</div>
				</div>
				<ul>
					<li><a href="./login.html" th:href="@{/}">返回首页</a></li>
					<li><a href="javascript:history.go(-1)" th:href="'javascript:history.go(-1)'">返回上一页</a></li>
				</ul>
			</div>
		</div>
	</div>
</body>
</html>